<!DOCTYPE html>
<html class="wide wow-animation" lang="utf-8">

<head>
  <!-- Site Title-->
  <title>比赛报名网页</title>
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="utf-8">
  <link rel="icon" href="images/huihui.png" type="image/x-icon">
  <!-- Stylesheets -->
  <!-- <link rel="stylesheet" type="text/css"
    href="//fonts.googleapis.com/css?family=Oswald:200,400%7CLato:300,400,300italic,700%7CMontserrat:900"> -->
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/fonts.css">

  <!--    引入vue-->
  <script src="js/vue.min.js"></script>
  <!--    引入axios-->
  <script src="js/axios.min.js"></script>
  <!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="js/html5shiv.min.js"> </script>
		<![endif]-->
</head>

<body>
  <!-- Page preloader-->
  <div class="page-loader">
    <div class="page-loader-body">
      <div class="preloader-wrapper big active">
        <div class="spinner-layer spinner-blue">
          <div class="circle-clipper left">
            <div class="circle"> </div>
          </div>
          <div class="gap-patch">
            <div class="circle"> </div>
          </div>
          <div class="circle-clipper right">
            <div class="circle"></div>
          </div>
        </div>
        <div class="spinner-layer spinner-red">
          <div class="circle-clipper left">
            <div class="circle"></div>
          </div>
          <div class="gap-patch">
            <div class="circle"> </div>
          </div>
          <div class="circle-clipper right">
            <div class="circle"></div>
          </div>
        </div>
        <div class="spinner-layer spinner-yellow">
          <div class="circle-clipper left">
            <div class="circle"></div>
          </div>
          <div class="gap-patch">
            <div class="circle"></div>
          </div>
          <div class="circle-clipper right">
            <div class="circle"> </div>
          </div>
        </div>
        <div class="spinner-layer spinner-green">
          <div class="circle-clipper left">
            <div class="circle"></div>
          </div>
          <div class="gap-patch">
            <div class="circle"></div>
          </div>
          <div class="circle-clipper right">
            <div class="circle"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Page-->
  <div class="page">

    <!-- Page Header-->
    <header class="section page-header">
      <!-- RD Navbar-->
      <div class="rd-navbar-wrap rd-navbar-corporate">
        <nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed"
          data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fullwidth"
          data-xl-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed"
          data-xl-device-layout="rd-navbar-static" data-md-stick-up-offset="130px" data-lg-stick-up-offset="100px"
          data-stick-up="true" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true"
          data-xl-stick-up="true">
          <div class="rd-navbar-collapse-toggle" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>

          <div class="rd-navbar-inner">
            <!-- RD Navbar Panel-->
            <div class="rd-navbar-panel">
              <!-- RD Navbar Toggle-->
              <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
              <!-- RD Navbar Brand-->
              <div class="rd-navbar-brand"><a class="brand-name" href="index.html"><img class="logo-default"
                    src="images/huihui.png" alt="" width="50" height="46" />比赛示例</a></div>
            </div>
            <div class="rd-navbar-aside-center">
              <div class="rd-navbar-nav-wrap">
                <!-- RD Navbar Nav-->
                <ul class="rd-navbar-nav">
                  <li><a href="./index.html">报名</a>
                  </li>
                  <li><a href="./regis_info.html">查询报名与选题</a>
                  </li>
                  <li class="active"><a href="./check_info.html">验收查询</a>
                  </li>
                  <!-- <li><a href="typography.html">Typography</a>
                  </li> -->
                </ul>
              </div>
            </div>

          </div>
        </nav>
      </div>
    </header>
    <section class="section">
      <div class="swiper-form-wrap">
        <!-- Swiper-->

        <!-- Swiper controls-->
        <div class="swiper-pagination-wrap">
          <div class="container container-bigger">
            <div class="row">
              <div class="col-sm-12">
                <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container container-bigger form-request-wrap form-request-wrap-modern">
        <div class="row row-fix justify-content-sm-center justify-content-lg-end">
          <div class="col-lg-6 col-xxl-5">
            <div class="form-request form-request-modern bg-gray-lighter novi-background">
              <h4>查询验收时间与地点</h4>

              <div class="row row-20 row-fix" id="app">
                <div class="col-sm-12">

                  <div class="col-sm-12">
                    <label class="form-label-outside">请输入队长学号</label>
                    <div class="form-wrap form-wrap-inline">
                      <input class="form-input" data-placeholder="All" data-minimum-results-for-search="Infinity"
                        name="leaderNumber" v-model="leaderNumber">
                      </input>
                    </div>
                  </div>



                  <div class="form-wrap form-button">
                    <button class="button button-block button-secondary" @click="getByNum()">查询</button>
                  </div>

                  <br>
                  <br>

                  <div>
                    <table align="center">
                      <tr align="center">
                        <th>验收时间与地点</th>
                      </tr>
                      <tr></tr>
                      <tr></tr>
                      <tr align="center" v-for="(team,index) in teams">
                        <th>{{team.checkInfo}}</th>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>



    <!-- Footer Minimal-->
    <footer class="section page-footer page-footer-minimal novi-background bg-cover text-center bg-gray-darker">
      <div class="container container-wide">
        <div class="row row-fix justify-content-sm-center align-items-md-center row-30">

          <div class="col-md-10 col-lg-7 col-xl-4">
            <p class="right">&#169;&nbsp;<span class="copyright-year"></span> <a
              href="https://beian.miit.gov.cn">蜀ICP备2023024981号-1</a></p>
          </div>

        </div>
      </div>
    </footer>
  </div>
  <!-- Global Mailform Output-->
  <div class="snackbars" id="form-output-global"> </div>
  <!-- Javascript-->
  <script src="js/core.min.js"></script>
  <script src="js/script.js"></script>
  <!-- coded by barber-->

  <script>

    new Vue({
      el: "#app",
      data: {
        teams: [],
        leaderNumber: ""
      },
      mounted() {
      },
      methods: {
        getByNum() {
          alert("开始查询")

          axios.get("/inquire?leaderNumber=" + this.leaderNumber).then(result => {
            this.teams = result.data.data;

            if (this.teams.length < 1) {
              alert("查询失败")
            } else { alert("查询成功") }

          })

        }

      }

    });

  </script>

</body>

</html>